<template>
  <div class="container-wrap">
    <contentBody :isShow="bodyShow">
      <div slot="body">
        <!--基本详情-->
        <div class="d-item-wrap">
          <div class="d-title">{{details.baseInfo.title}}</div>
          <div class="d-content">
            <!--type 1 :单行 2：多行-->
            <div class="item fold-hide"
                 v-for="item in details.baseInfo.data"
                 :class="{'inline-wrap':item.type === 1}">
              <div class="label">
                {{item.label}}
              </div>
              <pre class="txt">{{item.value}}</pre>
              <div v-if="item.type === 3">
                <div>
                  <a class="files"
                     v-for="f in item.value"
                     :href="item.url">
                    {{item.txt}}
                  </a>
                </div>
              </div>
            </div>
          </div>
          <foldWrap :list="details.baseInfo.data"></foldWrap>
        </div>
        <!--历史意见-->
        <div class="advice-wrap">
          <div class="title">批示意见</div>
          <div class="content">
            <div class="item fold-hide"
                 v-if="details.advise.length"
                 v-for="ad in details.advise">
              <div class="top">
                战三&nbsp;[同意]
                <i class="iconfont icon-lianxi" @click=""></i>
                <br/>
                网信办
                <span class="time">2017-12-12</span>
              </div>
              <pre class="txt">意见意见意见意见意见</pre>
            </div>
          </div>
          <foldWrap :list="details.advise"></foldWrap>
        </div>
        <!--批示意见-->
        <div class="d-item-wrap">
          <div class="d-title"></div>
          <div class="d-content">
            <div class="item fold-hide">
              <div class="label">
                批示意见：
              </div>
              <div class="txt">
                <textarea class="txt-area" placeholder="请输入意见" @input="getAdvice"></textarea>
              </div>
            </div>
          </div>
        </div>
        <!--厂商反馈列表-->
        <div class="d-item-wrap">
          <div class="d-title">
            运营厂商反馈
          </div>
          <div class="d-content">
            <div class="item fold-hide" v-for="item in details.advise">
              <div class="feedBack-item">
                当前状态：未查看
              </div>
              <div class="feedBack-item">
                操作：
                <div class="btn">处理</div>
              </div>
              <div class="feedBack-item">
                详情：
                <div class="btn">查看详情</div>
              </div>
            </div>
          </div>
          <foldWrap :list="details.advise"></foldWrap>
        </div>
        <!--协调处置-->
        <div class="d-item-wrap">
          <div class="d-title">
            协调处置
          </div>
          <div class="d-content">
            <div class="item inline-wrap">
              <div class="label">
                是否需要协调处置
              </div>
              <div class="txt inline-wrap-switch">
                <div class="mui-switch" id="mySwitch">
                  <div class="mui-switch-handle"></div>
                </div>
              </div>
            </div>
            <div class="item inline-wrap"
                 v-if="switch_cs_show"
                 @click="">
              <div class="label">
                请选择协调处置厂商
              </div>
              <div class="txt">
                点此选择厂商
              </div>
              <span class="mui-icon mui-icon-forward"></span>
            </div>
          </div>
        </div>
        <!--按钮区域-->
        <div class="btn-wrap">
          <div class="btn-b">请示领导</div>
          <div class="btn-b" @click="btnClick(2)">同意</div>
          <div class="btn-b" @click="btnClick(3)">退回</div>
        </div>
        <actionSheet
          :isShow="actionShow"
          :actionData="actionData"
          @check="actionClick"
          @cancel="actionShow = false">
        </actionSheet>
      </div>
    </contentBody>
    <transition name="slideRight">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
  import eventAndWarnDetail from "./eventAndWarnDetail.js"
  export default eventAndWarnDetail
</script>

<style lang="scss">
  @import "eventAndWarnDetail.scss";
</style>
